<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/list.css" rel="stylesheet" />
		<script src="../../js/mui.min.js"></script>
		 <script src="../../js/app.js"></script>
		 <script src="../../item/js/common.js"></script>
		 <script src="../../js/upload.js"></script>
		 <!--<link href="../css/style.css" rel="stylesheet" />-->
		 <style type="text/css">
.speak{
	/*输入框居中漂浮*/
position: fixed;
width:100%;
top:30%;
/*left:50%;*/
margin: auto auto;
padding: 0 5px;
text-align: center;
		 			}
		/*小盒子内容区的样式，display:inline-block：实现 效果*/
		#con{
			margin: 1px;
		}
		#con .pic{ border-radius:1px;float:left; max-height:180px;overflow:hidden;box-shadow:2px 2px 6px #b5b5b5;line-height:1.2;margin: 5px;padding:2px;}
		#con span{
			padding: 3px;
		}
		/*#con p{*/
			/*margin-bottom: 2px;*/
		/*}*/
		/*#con h5{padding:1px;margin-top: -2px;border-bottom:1px solid #ddd;}*/
		/*#con h5 a{text-decoration:none;color:#999;}*/
		.pic{
			max-width:150px;
			text-align:center;
			min-height:20px;
			padding:5px;
		}
		.pic img{
			margin:0;
			width:100%;
			min-height:10px;
			max-width:100px;
		}
		label{
			width:120px ;
			}
		label img{
			width:100px ;
			height: 20px;
			}
		.mui-input input{
			width: 70%;
			}
			li{list-style:none;}
	</style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  <h1 class="mui-title">档案库</h1><p id="titleright" style="float: right;font-size: 0.6em;">举报</p>
</header> 
    <div class="mui-content">
    	<div  style="width:50%;margin:0 auto;text-align:center" id="image"></div>
    	<!--内容-->
      <div id="neirong" class="mui-content-padded"></div>
      <div id="picture"style="margin-left: 0;" ><span id="img" class="slide-box"></span><span><img onclick="imgup()" style="width:80px;" src="../../images/iconfont-tianjia.png"/></span></div>
      <!--图片集合-->
      <div class="slide-box"id="img"></div>
      <!--表格-->
      <!--<div id="table" class="mui-content-padded"></div>-->
      <!--来源-->
      <div id="source" class="mui-content-padded"></div>
       <div id="speak" class="speak" style="display:none;background: #DDDDDD;">
		<p id='speaktitle' style="margin:auto auto;font-size: 1.2em;color:#EC971F">请输入新内容</p>
		<textarea id="value" type="text"rows="10"placeholder="请输入"></textarea>
		<div style="margin-top: -24px;border-radius:5px;">
		<input id="pubish" style="font-size: 18px;margin: 2px 5px;padding:0 10px;float: right;" value="确认" type="submit">
		<input  style="font-size: 18px;margin: 2px 5px;float: right;padding:0 10px;" value="取消" type="submit" onclick="javascript:(document.getElementById('speak').style.display='none')">
		</div>
</div>
    </div>
    </body>
<script type="text/javascript">
	
//function show_hidden(trid){
//	var abc='';
//	trid=document.getElementById(trid);
//	if(trid.style.display=="block"){
//	    trid.style.display='none';
//	}else{
//	    trid.style.display='block';
//	}
//}

value=document.getElementById('value');
   //输入框控制
function modifyinput(tid,key){
	speaktitle=document.getElementById('speaktitle');
	value.value=document.getElementById(key).innerText;
	if(key=='password'){
		value.rows='1';//文本输入框显示的高度行数
		speaktitle.innerText='请输入新密码,仅支持数字和字母';
	}else{
		value.rows='8';//文本输入框显示的高度行数
		speaktitle.innerText='请输入修改的内容';
	}
	document.getElementById('speak').style.display='block';//显示输入框
	var tid=tid||'';
	var key=key ||'';
		document.getElementById('pubish').onclick=function(){
			document.getElementById('speak').style.display='none';//隐藏发布按钮
			modify(tid,key);
			}
}
//修改组件
function modify(tid,type){
	//k=键；act=修改方法，tid=主题id，type=修改类型；
	apptoken['k']=type||'';
	if(type=='teamsynopsis' || type==''){//如果修改的页面是内容多行文本，将会替换换行符
	apptoken['v']=getFormatCode(value.value) ||'';
	}else{
		apptoken['v']=value.value ||'';
	}
	apptoken['tid']=tid||'';
	apptoken['act']='modify';
	mui.post(home.hos+'/item/user',apptoken,function(data){
		alert(data);
//		return false;
		if(isJSON(data)){
//			alert(value.value);
			jsondata=JSON.parse(data);
			if(jsondata.status && jsondata.status==200){
				document.getElementById(type).innerText=value.value;
			}else{
				plus.ui.toast('操作失败');
			}
			//修改加密状态显示/或者加密
//			encrypystatus(jsondata.encrypt,tid);
		}
	})
}
function imgdelete(img,tid){
	if (confirm("确定要删除这张图片吗？")) { 
	apptoken['tid']=tid;
	apptoken['img']=img;
	apptoken['act']='teamdeleteimg';
	mui.post(home.hos+'/item/user',apptoken,function(data){//获取关联数据
//		alert(data);
	 	if(data==200){
	 		var tid=document.getElementById('con'+img);
			tid.parentNode.removeChild(tid);//窗口文档中删除图片div
	 		plus.ui.toast('删除成功');
	 	}else{
	 		plus.ui.toast('操作失败');
	 	}
	})
	 } 
    else { 
      plus.ui.toast('操作取消'); 
    } 
}

var type=64;//可不填。返回类型（file/64base）;
var imgnames='imgs';//img对应的name值
var upload=new uploadimg(imgsplay,type);//实例化类
function imgsplay(path){//两个参数path必填是图片路径，type=64可填，返回数据类型。默认不填返回图片源文件,64=返回64base压缩类型
if(type===64){//判断是否需要64base转码压缩
		var image = new Image();
			image.src = path;  
			image.onload = function(){
			var img_typearr=['jpeg','jpg','bmp','png'];//支持格式类型
			_type=upload.appendFile(img_typearr,path);//检查是否支持,返回false 或者后缀名
			if(_type){
			var is_type="image/jpeg";//压缩格式
			var ratio=0.9;//压缩质量
			var width=540;//压缩后最长边距像素；
		    path = compress(image,width, ratio,is_type);//压缩图片转成64base后显示
		    img=document.getElementById('img');
		    apptoken['img']=path;
		    apptoken['act']='upimgteam';
		    mui.post(home.hos+'/item/user',apptoken,function(data){//获取关联数据
//		    	alert(data);
		    	if(isJSON(data)){
		    		var imgarr=JSON.parse(data);
				    var status=imgarr['status'] || '';
				    if(imgarr.status==200){
				    	 imgplay(imgarr.img,imgarr.id);//图片追加到html
				 		plus.ui.toast('上传成功');
				 	}else{
				 		plus.ui.toast('上传失败');
				 	}
		    	}else{
		    		alert('打开失败，请从新尝试');
		    		return false;
		    	}
		    
		})
			}
return false;}
}else{
	 alert('发现一张图片是不支持的类型'+path);
}
};
//function delete_html(thisid){
//	var tid=document.getElementById(thisid);
//	tid.parentNode.removeChild(tid);//删除div
//}
//
function imgplay(imgname,tid){//把图片追加到窗口
	html='<li class="pic"  id="con'+imgname+'" style="max-width:100px;min-height:10px;padding:2px;position:relative" ><p style="position:absolute;text-align:center;border-radius:9px;color:#fff;line-height:1em;background:red;padding:3px">✖</p><img id="'+imgname+'" style="margin:0;width:100%;max-width:100px;" onclick="imgdelete(\''+imgname+'\',\''+tid+'\')" src="'+home.uploads+'/img/item/team/'+imgname+'" onerror="this.onerror=null;this.src=\'../../datu.jpg\'"  /></li>';
//	document.getElementById("img").innerHTML+=html;
	appendChild("img",html,'1');
}
function imgup(){
//	alert('上传');
	var cs=document.getElementById("img").getElementsByTagName("li");
		var maxnum=9-cs.length;//限制上传图片数量
		var lasnum=9-cs.length;
		if(lasnum<=0){
			alert('最多只能上传9张图片');
			return false;
		}
	var lasnum=maxnum-document.getElementsByName(imgnames).length;
	upload.addImage(maxnum,lasnum,'neirong');//图片img外层id
}



//主图大图
function imageplay(image,tid){
	document.getElementById('image').innerHTML='<img  style="width:95%;" src="'+home.uploads+'/img/item/team/min'+image+'" onerror="this.onerror=null;this.src=\'../../images/iconfont-tianjia.png\'" />';
}

function jsonarrfor(result){

var birthday=new Date(parseInt(result.birthday) * 1000).format('yyyy年M月d日');
//形象头像
if(result.image && result.image.length>6){
imageplay(result.image,result.id);	
}
val='<div style="text-align:center"><h3>'+result.duty+':'+result.name+'</h3></p><p  style="background: transparent;" onclick="goto(\'chat\',\'home\',\'detail\','+result.user_id+')"></p><h4>简介[<span onclick="modifyinput('+result.id+',\'teamsynopsis\')" style="color:red">修改+</span>]</h4><p><span id="teamsynopsis">'+result.synopsis+'</span></p></div></div><li style="border-bottom:solid 1px #333;"><span>影集</span></li>';
//	val+=arrjson[i].id;
document.getElementById('titleright').innerHTML='<div id="report" style="margin-top:10px;float:right">'+result.report+'</div><div style="float:right"><select style="padding:10px;background-color:transparent;" onchange="report('+result.id+',\'item_team\',this)"><option>投诉</option><option>色情</option><option>侵权</option><option>脏话</option><option>诽谤</option><option>低俗</option><option>虚假</option><option>其他</option></select></div>';

document.getElementById('neirong').innerHTML=val;

}
function goto(method,room,htmlname,this_id){
//	alert(this_id);
	//数据库存储当前点击id值
localStorage[method+room+htmlname+'id']=this_id;
mui.openWindow('../../'+method+'/'+room+'/'+htmlname+'.html?tid='+this_id+'&mod=item');
}
apptoken['tid']=tid;//获取详情id
//alert(apptoken['tid']);
apptoken['act']='teamdetail';
mui.post(home.hos+'/item?tid='+apptoken['tid'],apptoken,function(data){
//	alert(data);
	if(isJSON(data)){
//      			alert(data);
		result=JSON.parse(data);//获取信息
		jsonarrfor(result);//加载详情信息
		getimg(result.id);
//		_relation(result.relation,result.relation_id);//加载关联信息
//		list_comment(result.id);//加载评论信息
		}else{
			alert(apptoken['tid']+'页面加载失败，或不存在，请重新尝试');
			return false;
    	}
})
function getimg(tid){
	apptoken['tid']=tid;
	apptoken['act']='teamimg';
	mui.post(home.hos+'/item?tid='+apptoken['tid'],apptoken,function(data){
//		alert(data);
	if(isJSON(data)){
		result=JSON.parse(data);//获取信息

				for(var ib=0;ib<result.length;ib++){//遍历图片
					imgplay(result[ib].img,result[ib].id);
				}
		}else{
			alert(apptoken['tid']+'页面加载失败，或不存在，请重新尝试');
			return false;
    	}
})
}
  </script>